@charset"utf-8";
@import"commom/rest";
.container-fluid {
    .hot {
        padding-bottom: 62px;
        .hot_img1 {
            width: 40px;
            height: 100px;
            background: #e14738;
            color: #FFFFFF;
            font-size: 20px;
            padding-top: 24px;
        }
        .hot_img2 {
            width: 351px;
            height: 424px;
            margin-top: 41px;
            margin-left: -57px;
            img {
                width: 100%;
            }
        }
        .imgdao{
            width: 334px;
            height: 440px;
            img{
                width: 100%;
            }
        }
        .title {
            font-size: 30px;
            color: #2a2a2a;
            margin-bottom: 16px;
            margin-top: 36px;
        }
        .center {
            font-size: 12px;
            color: #898989;
            line-height: 24px;
            margin-bottom: 29px;
        }
        .hotgame_img {
            width: 303px;
            height: 133px;
            img {
                width: 100%;
                border-radius: 5px;
            }
        }
        .magin_bottom_30 {
            margin-bottom: 30px;
        }
    }
    .magin_left0{
        margin-left: 0;
    }
    .go_Lord{
        .title1{
            font-size: 30px;
            color: #2a2a2a;
            margin-bottom: 20px;
        }
    }
    
    .more_case{
        padding-top: 56px;
        padding-bottom: 88px;
        .case_title{
            font-size: 36px;
            color: #000000;
            margin-bottom: 35px;
        }
        .mask_box{
            position: relative;
            font-size: 14px;
            img{
                border-radius:6px;
            }
            p{
                margin-top:12px ;
                margin-bottom: 42px;
                margin-right: 79px;
            }
             .mask{
                 width: 303px;
                 height: 133px;
                 background: rgba(0,0,0,.5);
                 position: absolute;
                 top:-133px;
                 left: 0;
                 font-size: 18px;
                 color: #FFFFFF;
                 opacity: 0;
                 transition:all .4s ease;
             }
             &:hover .mask{
                 opacity: 1;
                 top: 0;
             }
            
        }
    }
}

@media only screen and(min-width:768px) and(max-width:991px){
    .container-fluid .hot .hot_img2 {
    width: 243px;
    height: 249px;
    margin-top: 48px;
    margin-left: -61px;
}
.container-fluid .hot .center {
    font-size: 16px;
    margin-bottom: 21px;
}
.container-fluid .hot .hotgame_img {
    width: 185px;
    height: 95px;
}
.container-fluid .hot {
    padding-bottom: 25px;
}
.container-fluid .hot .imgdao {
    margin-top: -258px;
    width: 247px;
    height: 325px;
}
.container-fluid .more_case {
    padding-top: 1px;
    padding-bottom: 0;
}




}


@media only screen and(min-width:320px) and(max-width:767px){
   
   .container-fluid .hot .hot_img2 {
    width: 84px;
    height:74px;
    margin-top: 0px;
    margin-left: -20px;
}
.container-fluid .hot .hot_img1 {
   display: none;
}
.container-fluid .hot .title {
    font-size: 19px;
    margin-bottom: 0px;
    margin-top: -32px;
}
.container-fluid .hot {
    padding-bottom: 22px;
}
.container-fluid .hot .hotgame_img {
    width: 118px;
    height: 68px;
}
.container-fluid .hot .center {
    font-size: 15px;
    margin-bottom: 8px;
    height: 47px;
    overflow: hidden;
}
.container-fluid .hot .magin_bottom_30 {
    margin-bottom: 0px;
}
.container-fluid .hot .imgdao {
    display: none;
    height: 0;
}
.container-fluid .go_Lord .title1 {
    font-size: 19px;
    margin-bottom: 9px;
}
.container-fluid .more_case .case_title {
    font-size: 20px;
    margin-bottom: 9px;
}
.container-fluid .more_case .mask_box{
    .mask{
         width: 118px;
    height: 68px;
    }
    img{
         width: 118px;
    height: 68px;
    }
}
.container-fluid .more_case .mask_box p {
    margin-top: 3px;
    margin-bottom: 4px;
    margin-right: 33px;
}
.container-fluid .more_case {
    padding-top: 0px;
    padding-bottom: 0px;
}

 
}
